<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>胡说八道厨房</title>
    <link rel="shortcut icon" href="./img/log.icon">
    <link rel="stylesheet" href="./img/icon/iconfont.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <div class="top">
        <img src="img/头像.jpg">
    </div>
    <div class="zj">
        <p><input type="text" id="name" class="iconfont" placeholder="&#xe600;  请输入手机号"><i class="iconfont" id="delete">&#xe602;</i></p>
        <p><input type="password" id="pass" class="iconfont" placeholder="&#xe652;  请输入密码"><i class="iconfont" id="password">&#xeb45;</i></p>
    </div>
    <div class="mid">
        <button><span>登录</span></button>
    </div>
    <div class="foot">
        <p>————第三方登录————</p>
        <div class="fot">
        <b class="iconfont">&#xe601;<a href="https://wx.qq.com/"><i>微信</i></a></b>
        <b class="iconfont">&#xe882;<a href="https://connect.qq.com/"><i>QQ</i></a></b>
        <b class="iconfont">&#xe8bb;<a href="https://open.weibo.com/authentication"><i>微博</i></a></b>
    </div>
        <div class="xy">
            <label><input type="radio" id="radio" >点击登录代表同意[胡说八道厨房]用户协议及隐私协议</label>
        </div>
    </div>
    <!-- JQuery库文件引入 -->
    <script src="./js/jquery-3.3.1.min.js"></script>
    <!-- JS文件引入 -->
    <script src="./js/login.js"></script>
</body>
</html>